@import './var.less';

body {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
  }

  // 外层轨道
  ::-webkit-scrollbar-track {
    background-color: transparent;
    border-right: 2px solid transparent;
  }

  // 内层轨道，滚动条中间部分(除去)
  ::-webkit-scrollbar-thumb {
    background-color: @supgpt-scrollbar-1;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-gutter {
    scrollbar-gutter: stable;
  }


}

.slide-enter {
  transform: translateX(100%);
}

.slide-enter-active {
  transform: translateX(0);
  transition: transform 300ms ease-in;
}

.slide-exit {
  transform: translateX(0);
}

.slide-exit-active {
  transform: translateX(-100%);
  transition: transform 300ms ease-out;
}

.slide-tbenter {
  transform: translateY(100%);
}

.slide-tbenter-active {
  transform: translateY(0);
  transition: transform 300ms ease-in;
}

.slide-tbexit {
  transform: translateY(0);
}

.slide-tbexit-active {
  transform: translateY(-100%);
  transition: transform 300ms ease-out;
}

.popver-enter {
  transform: translateX(100%);
}

.popver-enter-active {
  transform: translateX(0);
  transition: transform 300ms ease-in;
}

.popver-exit {
  transform: translateX(0);
}

.popver-exit-active {
  transform: translateX(100%);
  transition: transform 300ms ease-out;
}

.popver-tbenter {
  transform: translateY(100%);
}

.popver-tbenter-active {
  transform: translateY(0);
  transition: transform 300ms ease-in;
}

.popver-tbexit {
  transform: translateY(0);
}

.popver-tbexit-active {
  transform: translateY(100%);
  transition: transform 300ms ease-out;
}

.popver-lrenter {
  transform: translateX(-100%);
}

.popver-lrenter-active {
  transform: translateX(0);
  transition: transform 300ms ease-out;
}

.popver-lrexit {
  transform: translateX(0);
}

.popver-lrexit-active {
  transform: translateX(-100%);
  transition: transform 300ms ease-in;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes jump {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

#app-download-pdf {
  position: fixed;
  top: 100%;
  left: 0;

  table {
    display: table !important;
    width: 100% !important;
  }
}

// AppObp加载的qiankun
.supgpt-qiankun-micro-app-container {
  width: 100%;
  height: 100%;

  * {
    font-size: @supgpt-font-size-2 !important;
  }

  >div {
    width: 100%;
    height: 100%;
  }

  .new5Tstyle-v1-input-group-wrapper {
    .new5Tstyle-v1-input {
      height: auto;
    }
  }

  .new5Tstyle-v1-input-search {
    .new5Tstyle-v1-input-affix-wrapper {
      line-height: @supgpt-font-size-6;
    }

    .new5Tstyle-v1-input {
      line-height: @supgpt-font-size-6;
    }

    .new5Tstyle-v1-input-search-button {
      height: auto;

      .anticon-search {
        line-height: @supgpt-font-size-6;

        svg {
          height: @supgpt-font-size-6;
        }
      }
    }

    .new5Tstyle-v1-input-group>.new5Tstyle-v1-input-group-addon:last-child .new5Tstyle-v1-input-search-button {
      padding-top: 4px;
      padding-bottom: 4px;
    }
  }

  .new5Tstyle-v1-switch {
    white-space: nowrap;
  }

  .new5Tstyle-v1-antPlusTable-wrapper {
    .new5Tstyle-v1-antPlusTable-table-wrapper {
      background-color: transparent;

    }

    .new5Tstyle-v1-antPlusTable-toolbar {
      background-color: transparent;
    }

    .new5Tstyle-v1-antPlusTable-toolbar-empty {
      background-color: transparent;

    }
  }

  .new5Tstyle-v1-modal-wrap {
    .new5Tstyle-v1-pagination {
      * {
        font-size: 14px !important;
      }
    }
  }

  .new5Tstyle-v1-select-clear {
    width: auto;
    height: auto;
  }

  // .new5Tstyle-v1-table-wrapper {
  //   .new5Tstyle-v1-table .new5Tstyle-v1-table-tbody>tr>td {
  //     background-color: transparent;
  //   }

  //   .new5Tstyle-v1-table .new5Tstyle-v1-table-tbody>tr {

  //     .new5Tstyle-v1-table-cell-fix-left,
  //     .new5Tstyle-v1-table-cell-fix-right {
  //       background: @supgpt-scene-background-1;
  //     }
  //   }

  // }
}

.qiankun-micro-app-container {
  width: 100%;
  height: 100%;

  >div {
    width: 100%;
    height: 100%;
  }
}

body {
  #chat-assistant-container {
    right: -40px;
    bottom: -40px;
  }
}